<!DOCTYPE html>
<html>
<head>
  <title>Juhana Leinonen and Drew Taylor - IF Trainer — Play</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=8" />

  <meta name="author" content="Juhana Leinonen and Drew Taylor" />
  <meta name="description" content="Play the game IF Trainer by Juhana Leinonen and Drew Taylor online." />
  <link rel="stylesheet" href="style.css" type="text/css" media="all" />
  <link rel="stylesheet" href="interpreter/glkote.css" type="text/css">
<link rel="stylesheet" href="interpreter/dialog.css" type="text/css">

<style type="text/css">

/* The gameport is the window area in which all the game windows (status
and story) are laid out. We leave the left-hand column for the template
text, which includes the cover art, links, and interpreter credit.

The background color here shows up only as a flash during loading. If
you increased the "spacing" game options below, the background color
would fill the gap between windows.

This template uses zero spacing between windows, because that looks good
for the standard game layout of one grid window and one buffer window.
If you wanted several buffer windows, you might prefer to increase
"inspacing" and darken the gameport background color.
*/
#gameport {
position: absolute;
overflow: hidden;
top: 0px;
left: 15.4em;
right: 0px;
bottom: 0px;
background: white;
margin: 0px;
}

.interpretercredit {
font-size: 80%;
position: absolute;
bottom: 1em;
}

</style>

<script src="interpreter/glkote.min.js" type="text/javascript"></script>
<script src="interpreter/quixe.min.js" type="text/javascript"></script>

<script type="text/javascript">
game_options = {
use_query_story: false,
set_page_title: false,
inspacing: 0,     // gap between windows
outspacing: 0     // gap between windows and edge of gameport
};
</script>

<script src="interpreter/IF Trainer.gblorb.js" type="text/javascript"></script>
</head>

<body>

<div class = "container">

<div class ="coverimage" style="position:fixed;">
	<span><a href="Cover.jpg"><img src="Small Cover.jpg" border="1" /></a></span>
</div>

<div class = "links" style="position:fixed;margin-top:200px;">
<div class = "smalltitle">IF Trainer</div>
<ul>
<li><a href="index.html">Home page</a></li>
</ul>
</div>

<div id="gameport">
<div id="windowport">
<noscript><hr>
<p>You'll need to turn on Javascript in your web browser to play this game.</p>
<hr></noscript>
</div>
<div id="loadingpane">
<img src="interpreter/waiting.gif" alt="LOADING"><br>
<em>&nbsp;&nbsp;&nbsp;Loading...</em>
</div>
<div id="errorpane" style="display:none;"><div id="errorcontent">...</div></div>
<div id="layouttestpane">
This should not be visible
<div id="layouttest_grid" class="WindowFrame GridWindow"><div id="layouttest_gridline" class="GridLine"><span id="layouttest_gridspan" class="Style_normal">12345678</span></div><div id="layouttest_gridline2" class="GridLine"><span class="Style_normal">12345678</span></div></div>
<div id="layouttest_buffer" class="WindowFrame BufferWindow"><div id="layouttest_bufferline" class="BufferLine"><span id="layouttest_bufferspan" class="Style_normal">12345678</span></div><div id="layouttest_bufferline2" class="BufferLine"><span class="Style_normal">12345678</span></div></div>
</div>
</div>


</div>

<div class="interpretercredit"><a href='http://eblong.com/zarf/glulx/quixe/'>Quixe for Inform 7 (v. 1.0.1)</a></div>

</body>

</html>

